/* ---------------base css style start------------------*/
.content{
    margin-top:5px;
    margin-left: 5px;
    height: 1180px;
    width: 69%;
    float: left;
}

.footer{
    height: 50px;
    width: 100%;
    float: left;
    background:#dffca7c0;
    border-top-style: solid;
    border-top-width: 1px;
    border-radius: 0 0 40px 40px;
}


body{
    min-width: 1200px;
    background-image: url('../image/background2.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.main{
    margin-top:50px;
    margin-left:2%;
    border-radius: 40px 40px 40px 40px;
    background-image: url("../image/stone.jpg");
    /*background-color:#e0fca757;*/
    /*background-color: #1c693c59;*/
    height: 1300px;
    width: 96%;
    float:left;
}

/*.empty{
    height: 100%;
    width: 10%;
    background: #EEEEEE;
    float: left;
}
*/
.header{
    height: 50px;
    width: 100%;
    float: left;
}

.menu{
    margin-top:5px;
    margin-bottom: 120px;
    height: 1245px;
    width: 15%;
    text-align: center;
    float: left;
}


/* ---------------base css style end------------------*/




/* ---------------menu's css style start---------------*/



.menu p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:28px;
    text-align: center;
    margin-top:5px;
    margin-bottom: 0px;
    width:99%;
    height: 64px;
    color:#000000;
    border-style: dashed;
    border-width: 2px;
    border-radius: 10px;
    background-image: url("../image/notice.jpg");
   /* background: #99CC99;*/
    transition:all 0.15s;
}

.menu p:hover{
    margin-bottom: 20px;
    /* margin-top:20px; */
    margin-left: -10px;
    width:100%;
    height:72px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    color:rgb(255, 255, 255);
    /*background: #000000;*/
    transform: rotate(-3deg);
}

.menu p:active{
    transform: rotate(15deg);
    margin-top:10px;
    color:rgba(0, 0, 0, 0.603);
    /*width:120%;
    height: 80px;*/
    /*background-color:rgba(153, 204, 153, 0);*/
}


.menu a:link {text-decoration:none;}
.menu a:visited {text-decoration:none;}
.menu a:hover {text-decoration:none;}
.menu a:active {text-decoration:none;}

.footer p{
    font-size: 25px;
    text-align: center;
    margin: 0;
}